{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Title</title>
    <link rel='stylesheet' href="{% static 'plugins/bootstrap-3.3.7-dist/css/bootstrap.min.css' %}">
</head>
<body>
<form action="" method="post" class="col-md-6 col-md-offset-3">
    <div class="form-group">
        <label for="username">用户名</label>
        <input type="text" class="form-control" name="username" id="username" placeholder="用户名">
    </div>
    <div class="form-group">
        <label for="password">密码</label>
        <input type="text" class="form-control" name="password" id="password" placeholder="密码">
    </div>
    <div class="form-group">
        <label for="phone">手机号</label>
        <input type="text" class="form-control" name="phone" id="phone" placeholder="手机/电话">
    </div>
    <div class="form-group">
        <label for="sex">性别</label>
        <select class="form-control" name="sex" id="sex">
            <option value="男">男</option>
            <option value="女">女</option>
        </select>
        <div class="form-group">
            <label for="address">家庭住址</label>
            <input type="text" class="form-control" name="address" id="address" placeholder="家庭住址">
        </div>
    </div>
    <div class="form-group">
        <label for="role">用户的角色名称</label>
        <select class="form-control" name="role" id="role" multiple>
            {% for role in role_objs %}
                <option value="{{ role.id }}">{{ role.name }}</option>
            {% endfor %}
        </select>
    </div>
    <button type="submit" class="btn btn-success" style="float:left">提交</button>
</form>
</body>
<script src="{% static 'plugins/jquery.js' %}"></script>
<script src="{% static 'plugins/bootstrap-3.3.7-dist/js/bootstrap.min.js' %}"></script>
</html>